<template lang="html">
  <div class="home">
    <div class="box">
    	<router-link to="/Search">
	    	<input  placeholder="请输入内容" prefix-icon="el-icon-search" />
    	</router-link>
    	<img class="sousuo" src="../images/sousuo.png" />
    	<img src="../images/xiaoxi.png" />
    </div>
    <Swiper />
    <Course />
    <Series />
  </div>
</template>

<script>
import Swiper from "../home/Swiper"
import Course from "../home/Course"
import Series from "../home/Series"
export default {
  name:"home",
  data(){
    return{

    }
  },
  components:{
    Swiper,
    Course,
    Series
  }
}
</script>

<style scoped lang="less">
.box{
	background-color: #3DAE95;
	height: 50/50rem;
	width: 100%;
	padding: 10/50rem 20/50rem;
	box-sizing: border-box;
	line-height: 50/50rem;
	position: relative;
}
.box input{
	  width: 75%;
	  height: 30/50rem;
	  line-height: 30/50rem;
	  background: #fff;
	  border: 1px solid #f1f2f3;
	  padding-left: 30/50rem;
	  float: left;
	  display: inline-block;
	  margin-right: 20/50rem;	
	  font-size: 14/100rem;
	  border-radius: 10/50rem;

}
.box .sousuo{
	width: 16/50rem;
	position: absolute;
	top: 16/50rem;
	left: 30/50rem;
}
.box img{
	margin-bottom: 28/50rem;
	width: 30/50rem;
}


</style>
